<script lang="ts" setup>
//
</script>

<template>
  <view class="box">
    <image src="/static/images/paySuccess.png" mode="aspectFit" />

    <view class="payText">支付成功</view>
    <view class="payPrice">
      <view>微信支付</view>
      <view class="Price">￥{{ '13.90' }}</view>
    </view>
  </view>
  <view class="fixed">
    <navigator class="fixedUrl" url="/pagesGoods/goodsDetails/goodsDetails" hover-class="none"
      >完成
    </navigator>
  </view>
</template>

<style lang="scss">
//
page {
  height: 100vh;
  background: linear-gradient(180deg, #e3fdea 14.57%, #f5f5f5 95.06%);
}
.box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 300rpx auto;
  height: 400rpx;
  width: 270rpx;
  .payText {
    font-size: 40rpx;
    color: #000000e5;
    margin-top: 24rpx;
  }
  .payPrice {
    margin-top: 14rpx;
    display: flex;
    font-size: 26rpx;
    color: #00000080;
    .Price {
      margin-left: 8rpx;
    }
  }
}
.fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 14rpx 24rpx 60rpx 24rpx;
  .fixedUrl {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26rpx;
    width: 702rpx;
    height: 76rpx;
    border-radius: 44rpx;
    color: #fff;
    background: $uni-color-motif;
  }
}
</style>
